<!DOCTYPE html>
<html lang="en">

<head>
	<title>中国工商银行</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">




	<link rel="stylesheet" href="css/animate.css">

	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="css/owl.theme.default.min.css">
	<link rel="stylesheet" href="css/magnific-popup.css">

	<link rel="stylesheet" href="css/flaticon.css">
	<link rel="stylesheet" href="css/style.css">
</head>

<body>
	<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
		<div class="container">
			<a class="navbar-brand" href="index.html">中国工商银行</a></a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav"
				aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
				<span class="oi oi-menu"></span> 菜单
			</button>

			<div class="collapse navbar-collapse" id="ftco-nav">
				<ul class="navbar-nav ml-auto">
					<li class="nav-item"><a href="#index" class="nav-link">首页</a></li>
					<li class="nav-item"><a href="#tedian" class="nav-link">特点介绍</a></li>
					<li class="nav-item"><a href="#gongneng" class="nav-link">功能模块</a></li>
					<li class="nav-item"><a href="#renyuan" class="nav-link" >人员场景问题</a></li>
					<li class="nav-item"><a href="#gongyinglian" class="nav-link">供应链价值</a></li>
					<li class="nav-item"><a href="#lianxi" class="nav-link">联系我们</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<!-- END nav -->

	<div class="hero-wrap js-fullheight" id="index">
		<div class="overlay"></div>
		<div class="container-fluid px-0">
			<div class="row d-md-flex no-gutters slider-text align-items-center js-fullheight justify-content-start">
				<img class="one-third js-fullheight align-self-end order-md-first img-fluid"
					src="images/undraw_co-working_825n_1.svg" alt="" style="height: 600px">
				<div class="one-forth d-flex ftco-animate js-fullheight" style="justify-content: center;">
					<div class="text">
						<span class="subheading">工银聚</span>
						<h1 class="mb-3"><span>工 - 工业电商</span> <span>银 - 交易银行</span> <span>聚 - 数据整合</span></h1>
						<p>电子供应链 → 产融生态圈</p>
						<!-- <p><a href="#" class="btn btn-secondary px-4 py-3">Get in touch</a></p> -->
					</div>
				</div>
			</div>
		</div>
	</div>
	<section class="ftco-section" style="margin-top: -15em;background-image: linear-gradient(#3f52e3,#6eb5ff, #f7cdd6);">
		<div class="container">
			<div class="row justify-content-center mb-5 pb-3">
				<div class="col-md-7 text-center heading-section ftco-animate">
					<h2 class="mb-4" style="position: relative; top: 1.2em; color: #FFF" id="tedian">特点介绍</h2>
				</div>
			</div>
			<div class="row d-flex">
				<div class="col-lg-3 col-md-6 ftco-animate">
					<div class="block-7">
						<div class="text-center">
							<!-- <h2 class="heading">模块化</h2> -->
							<span class="btn btn-tertiary d-block px-3 py-3 mb-4"
								style="border-radius: 0; border-top-left-radius: 20px; border-top-right-radius: 20px">模块化</span>
							<h3 class="heading-2 mb-3">服务功能模块化，快速复制、快速响应。</h3>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 ftco-animate">
					<div class="block-7">
						<div class="text-center">
							<!-- <h2 class="heading">订制化</h2> -->
							<span class="btn btn-tertiary d-block px-3 py-3 mb-4"
								style="border-radius: 0; border-top-left-radius: 20px; border-top-right-radius: 20px">订制化</span>
							<h3 class="heading-2 mb-3">既支持与企业系统对接提供订制服务，也支持独立版提供标准服务。</h3>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 ftco-animate">
					<div class="block-7">
						<div class="text-center">
							<!-- <h2 class="heading">嵌入式</h2> -->
							<span class="btn btn-tertiary d-block px-3 py-3 mb-4"
								style="border-radius: 0; border-top-left-radius: 20px; border-top-right-radius: 20px">嵌入式</span>
							<h3 class="heading-2 mb-3">信息服务和金融服务一站式集成，满足多种场景需求。</h3>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 ftco-animate">
					<div class="block-7">
						<div class="text-center">
							<!-- <h2 class="heading">开放式</h2> -->
							<span class="btn btn-tertiary d-block px-3 py-3 mb-4"
								style="border-radius: 0; border-top-left-radius: 20px; border-top-right-radius: 20px">开放式</span>
							<h3 class="heading-2 mb-3">兼容并蓄，支持多种场景，支持本他行客户使用。</h3>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<!-- <section class="ftco-section ftco-partner"> -->
	<!-- <section class="ftco-section ftco-partner">
    	<div class="container">
    		<div class="row">
    			<div class="col-sm ftco-animate heading">
    				<a href="#" class="partner"><img src="images/partner-1.png" class="img-fluid" alt="Colorlib Template"></a>
    			</div>
    			<div class="col-sm ftco-animate">
    				<a href="#" class="partner"><img src="images/partner-2.png" class="img-fluid" alt="Colorlib Template"></a>
    			</div>
    			<div class="col-sm ftco-animate">
    				<a href="#" class="partner"><img src="images/partner-3.png" class="img-fluid" alt="Colorlib Template"></a>
    			</div>
    			<div class="col-sm ftco-animate">
    				<a href="#" class="partner"><img src="images/partner-4.png" class="img-fluid" alt="Colorlib Template"></a>
    			</div>
    		</div>
    	</div>
    </section> -->

	<!-- <section class="ftco-domain">
    	<div class="container">
    		<div class="row d-flex align-items-center">
    			<div class="col-lg-5 heading-white mb-4 mb-sm-4 mb-lg-0 ftco-animate">
    				<h2>Search Your Domain Name</h2>
    				<p>A small river named Duden flows by their place</p>
    			</div>
    			<div class="col-lg-7 p-5 ftco-wrap ftco-animate">
    				<form action="#" class="domain-form d-flex mb-3">
              <div class="form-group domain-name">
                <input type="text" class="form-control name px-4" placeholder="Enter your domain name...">
              </div>
              <div class="form-group domain-select d-flex">
	              <div class="select-wrap">
                  <div class="icon"><span class="ion-ios-arrow-down"></span></div>
                  <select name="" id="" class="form-control">
                  	<option value="">.com</option>
                    <option value="">.net</option>
                    <option value="">.biz</option>
                    <option value="">.co</option>
                    <option value="">.me</option>
                  </select>
                </div>
                <input type="submit" class="search-domain btn btn-primary text-center" value="Search">
	            </div>
            </form>
            <p class="domain-price mt-2">
            	<span><small>.com</small> $9.75</span> 
            	<span><small>.net</small> $9.50</span> 
            	<span><small>.biz</small> $8.95</span> 
            	<span><small>.co</small> $7.80</span>
            	<span><small>.me</small> $7.95</span>
            </p>
    			</div>
    		</div>
    	</div>
    </section> -->

	<section class="ftco-section services-section" style="background-image: linear-gradient(#f7cdd6,#98edc4);">
		<div class="container">
			<div class="row justify-content-center mb-5">
				<div class="col-md-8 text-center heading-section ftco-animate">
					<h2 class="mb-3" id="gongneng">功能模块</h2>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-4 col-md-6 d-flex align-self-stretch ftco-animate">
					<div class="media block-6 services d-flex">
						<div class="icon d-flex align-items-center justify-content-center">
							<span class="flaticon-cloud"></span>
						</div>
						<div class="media-body pl-4">
							<h3 class="heading">服务入口</h3>
							<p class="mb-0">可由工银聚建立独立网站；也可直接嵌入企业集采平台、企业门户。</p>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 d-flex align-self-stretch ftco-animate">
					<div class="media block-6 services d-flex">
						<div class="icon d-flex align-items-center justify-content-center">
							<span class="flaticon-server"></span>
						</div>
						<div class="media-body pl-4">
							<h3 class="heading">招投标</h3>
							<p class="mb-0">给企业提供透明且智能的招投标服务，满足不同企业差异化需求。</p>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 d-flex align-self-stretch ftco-animate">
					<div class="media block-6 services d-flex">
						<div class="icon d-flex align-items-center justify-content-center">
							<span class="flaticon-customer-service"></span>
						</div>
						<div class="media-body pl-4">
							<h3 class="heading">采购协同</h3>
							<p>给企业提供采购确认、发货、入库、对账等过程中的高效协同服务。</p>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 d-flex align-self-stretch ftco-animate">
					<div class="media block-6 services d-flex">
						<div class="icon d-flex align-items-center justify-content-center">
							<span class="flaticon-life-insurance"></span>
						</div>
						<div class="media-body pl-4">
							<h3 class="heading">融资管理</h3>
							<p>为企业搭建融资管理系统，无缝嵌入银行融资产品，助力企业提升供应链价值。</p>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 d-flex align-self-stretch ftco-animate">
					<div class="media block-6 services d-flex">
						<div class="icon d-flex align-items-center justify-content-center">
							<span class="flaticon-cloud-computing"></span>
						</div>
						<div class="media-body pl-4">
							<h3 class="heading">付款管理</h3>
							<p>提供银企互联、工银e企付、快捷开票、工银e信、付款票据通等付款方式，满足企业多样化需求。</p>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-6 d-flex align-self-stretch ftco-animate">
					<div class="media block-6 services d-flex">
						<div class="icon d-flex align-items-center justify-content-center">
							<span class="flaticon-settings"></span>
						</div>
						<div class="media-body pl-4">
							<h3 class="heading">辅助支持</h3>
							<p>提供企业系统管理、单据管理、报表管理功能，满足企业统筹管理需求。</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="ftco-section" style="background-image: linear-gradient(#98edc4, #c5f5f5);">
		<div class="container">
			<div class="row justify-content-center mb-5">
				<div class="col-md-8 text-center heading-section ftco-animate">
					<h2 class="mb-3" id="renyuan">解决各类人员场景问题</h2>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6 col-lg-3 ftco-animate">
					<div class="staff">
						<div class="text pt-3 px-3 pb-4 text-center">
							<h3>采购业务员</h3>
							<span class="position mb-2" style="color: #ff8ca7">合作前</span>
							<div class="faded" style="color: #ff8ca7">
								<p>采购业务员通过线下方式与供应商沟通需求、签署合同，微信+邮件+电话……</p>
							</div>
							<span class="position mb-2" style="color:cyan">合作后</span>
							<div class="faded" style="color:cyan">
								<p>采购业务员通过平台一站式完成招投标、 合同签署、采购发货等全部流程</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6 col-lg-3 ftco-animate">
					<div class="staff">
						<div class="text pt-3 px-3 pb-4 text-center">
							<h3>仓库管理员</h3>
							<span class="position mb-2" style="color: #ff8ca7">合作前</span>
							<div class="faded" style="color: #ff8ca7">
								<p>仓库管理员收到货之后逐笔核对，手工记录，再与系统数据进行比对。</p>
							</div>
							<span class="position mb-2" style="color:cyan">合作后</span>
							<div class="faded" style="color:cyan">
								<p>仓库管理员收到货之后扫码入库，联动更新系统数据。</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6 col-lg-3 ftco-animate">
					<div class="staff">
						<div class="text pt-3 px-3 pb-4 text-center">
							<h3>财务人员</h3>
							<span class="position mb-2" style="color: #ff8ca7">合作前</span>
							<div class="faded" style="color: #ff8ca7">
								<p>财务人员手工录入发票、手工对账、手工付款……</p>
							</div>
							<span class="position mb-2" style="color:cyan">合作后</span>
							<div class="faded" style="color:cyan">
								<p>财务人员小程序扫码验证发票信息，自动记账、对账，联动付款</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6 col-lg-3 ftco-animate">
					<div class="staff">
						<div class="text pt-3 px-3 pb-4 text-center">
							<h3>供应商</h3>
							<span class="position mb-2" style="color: #ff8ca7">合作前</span>
							<div class="faded" style="color: #ff8ca7">
								<p>供应商通过线下与核心企业进行交互，采购、发货、开票、结算等各个环节都需要不断进行交互。</p>
							</div>
							<span class="position mb-2" style="color:cyan">合作后</span>
							<div class="faded" style="color:cyan">
								<p>供应商从合同签署开始，全流程线上交互，所以记录线上留存，高效沟通，信息实时、透明。</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>


	<section class="ftco-section" style="background-image: linear-gradient(#c5f5f5, #a069f9);">
		<div class="container">
			<div class="row justify-content-center mb-5">
				<div class="col-md-8 text-center heading-section ftco-animate">
					<h2 class="mb-3" id="gongyinglian">提供企业供应链价值</h2>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-6 py-5">
					<div class="row">
						<div class="col-md-12 ftco-animate d-flex">
							<div class="media block-6 services border d-flex p-3 mb-3">
								<div class="icon icon-2 d-flex align-items-center justify-content-center">
									<span class="flaticon-cloud-computing"></span>
								</div>
								<div class="media-body pl-4">
									<h3 class="heading">优化基础数据完善供应链</h3>
									<p class="mb-0">1.对ERP数据进行拓展延伸</p>
									<p class="mb-0">2.企业与供应商可在线互动</p>
									<p class="mb-0">3.推进企业供应链延伸完善</p>
								</div>
							</div>
						</div>
						<div class="col-md-12 ftco-animate d-flex">
							<div class="media block-6 services border d-flex p-3 mb-3">
								<div class="icon icon-2 d-flex align-items-center justify-content-center">
									<span class="flaticon-cloud"></span>
								</div>
								<div class="media-body pl-4">
									<h3 class="heading">发挥企业优势提升供应链价值</h3>
									<p class="mb-0">1.解决小企业融资贵、融资难问题</p>
									<p class="mb-0">2.无缝对接银行供应链融资产品</p>
									<p class="mb-0">3.供应商可以依托供应链融资，无需额外担保和抵押</p>
								</div>
							</div>
						</div>
						<div class="col-md-12 ftco-animate d-flex">
							<div class="media block-6 services border d-flex p-3 mb-3">
								<div class="icon icon-2 d-flex align-items-center justify-content-center">
									<span class="flaticon-server"></span>
								</div>
								<div class="media-body pl-4">
									<h3 class="heading">信息数据共享优化管理水平</h3>
									<p class="mb-0">1.取消纸质单据，提高管理效率</p>
									<p class="mb-0">2.优化订单管理，缩短订单周期</p>
									<p class="mb-0">3.ERP数据共享，减少重复劳动</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>



	<footer class="ftco-footer ftco-bg-dark ftco-section"  style="background-image: linear-gradient(#a16af9, #924fff); padding-top: 1em">
		<div class="container">
			<div class="row mb-5">
				<div class="col-md">
					<div class="ftco-footer-widget mb-4" style="text-align: center">
						<h2 class="ftco-heading-2" id="lianxi">联系我们</h2>
						<a href="http://www.icbc.com.cn" target="_blank">www.icbc.com.cn</a>
					</div>
				</div>
				<!-- <div class="col-md" id="lianxi">
					<div class="ftco-footer-widget mb-4 ml-md-5">
						<h2 class="ftco-heading-2">微信</h2>
						<img src="images/ercode.png" />
					</div>
				</div> -->
			</div>
		</div>
	</footer>
	<audio preload autoplay loop id="vd">
		<source src="1.mp3" type="audio/mpeg">
	</audio>




	<!-- loader -->
	<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px">
			<circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee" />
			<circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10"
				stroke="#F96D00" />
		</svg></div>


	<script src="js/jquery.min.js"></script>
	<script src="js/jquery-migrate-3.0.1.min.js"></script>
	<script src="js/popper.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/jquery.waypoints.min.js"></script>
	<script src="js/jquery.stellar.min.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/jquery.magnific-popup.min.js"></script>
	<script src="js/jquery.animateNumber.min.js"></script>
	<script src="js/scrollax.min.js"></script>

	<script src="js/google-map.js"></script>
	<script src="js/main.js"></script>
	<script>
		function toggleSound() {
			var music = document.getElementById("vd");//获取ID  
			music.play(); //没有就播放 

        }
		$(function () {
			$("#ftco-nav li").click(function () {
				$(".navbar-toggler").click();
			})
			toggleSound();
		})
	</script>
</body>

</html>